<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="jquery-2.0.3.js"></script>
<script>

$(function(){
	
	//$('#div1').addClass('box2 box3');
	
	//$('#div1').removeClass('box3');
	
	//$('#div1').toggleClass('box3');
	
	//alert( $('#div1').hasClass('box3') );
	
	//$('div').addClass(function(index){
		
		//alert(index);
		//return 'box'+index;
		
	//});
	
	//$('#div1').addClass('box2 box3');  [box2 , box3]
	
	//$('#div1').addClass('box3').html('bbbbb').click(function(){ alert(123) });
	
	//alert( 1 || 0 && 2 );
	
	//$('#div1').removeClass('box1 box2');
	
	//$('#div1').toggleClass('box2 box3',false);
	
	$('#div1').toggleClass(false);
	
	
	
	$('#div1').toggleClass(true);
	
});

</script>
</head>

<body>
<!--<div class="">aaaaaaaaaaaa</div>
<div class="">aaaaaaaaaaaa</div>
<div class="">aaaaaaaaaaaa</div>-->

<div id="div1" class="box1	box2">aaaaaa</div>
</body>
</html>
